<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>ITWorld</title>
	<link rel="stylesheet" href="css/animate.css">
	<link rel="stylesheet" href="css/bootstrap.css">
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/swiper.css">
    <script type="text/javascript" src="js/jquery-2.2.0.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">我的IT</a>
    </div>
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Try <span class="sr-only">(current)</span></a></li>
        <li><a href="https://baike.baidu.com/item/%E4%BA%92%E8%81%94%E7%BD%91%E6%8A%80%E6%9C%AF/617749?fromtitle=it&fromid=16684878#viewPageContent" target="_blank">了解IT</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">前端知识<span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">HTML5</a></li>
            <li><a href="#">  CSS3</a></li>
            <li><a href="#">JavaScript</a></li>
          </ul>
        </li>
        <li><a href="need.html">社会需求</a></li>
        <li><a href="opinion.html">我的看法</a></li>
      </ul>
      <form class="navbar-form navbar-left">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="Search">
        </div>
        <button type="submit" class="btn btn-default">搜索 </button>
      </form>
      <div class="ys">
      <a href="index.html">登录</a>
      <a href="index.html">注册</a>
      </div>
    </div>
</nav>
	<div class="logo"><img src="picture/logo.jpg" alt="" class="lo">
	</div>
	<div class="xsd"><img src="picture/xsd.png" alt=""></div>
	<p id="xx">ITWorld</p>
	<!-- <HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3> -->
	<div id="class">
	
		<div class="list">
			<ul>
				<li><a href="#">人工智能</a><div class="box"><a href="#">区块链</a>/<a href="#">深度学习</a></div></li>
				<li><a href="#">前端</a><div class="box"><a href="#">HTML</a>/<a href="#">CSS</a>/<a href="#">JavaScript</a></div></li>
				<li><a href="#">后端</a><div class="box"><a href="#">JAVA</a>/<a href="#">Python</a>/<a href="#">PHP</a></div></li>
				<li><a href="#">移动</a><div class="box"><a href="#">Android</a>/<a href="#">iOS</a></div></li>
				<li><a href="#">运维</a><div class="box"><a href="#">测试</a>/<a href="#">接口</a>/<a href="#">Linux</a></div></li>
				<li><a href="#">UI</a><div class="box"><a href="#">设计</a>/<a href="#">3D动画</a>/<a href="#">交互</a></div></li>
			</ul>
		</div>

		<!-- 轮播图 -->
		<div id="banner">
			<div class="swiper-container swiper-no-swiping">
			<!-- swiper-no-swiping是不能手动滑动图片 -->
        	<div class="swiper-wrapper">
            <div class="swiper-slide">
            	<img src="picture/1.jpeg" width="100%;" height="400"></div>
            <div class="swiper-slide">
            	<img src="picture/2.jpg" width="100%;" height="400"></div>
            <div class="swiper-slide">
            	<img src="picture/3.jpg" width="100%;" height="400"></div>
            <div class="swiper-slide">
            	<img src="picture/4.jpg" width="100%;" height="400"></div>

        	</div>
        <!-- Add Pagination -->
        	<div class="swiper-pagination"></div><!-- 分页器 -->
        	<div class="swiper-button-next"></div><!-- 导航按钮 -->
        	<div class="swiper-button-prev"></div>
		  	<div class="swiper-scrollbar"></div><!-- 滚动条 -->
    		</div>
    		<div class="banner-nav-bg"></div>
		</div>

		<div id="net">
		<p>推荐几个学习网站</p>
		<a target="_blank" href="https://www.w3school.com.cn/">W3CSchool</a><br>
		<a target="_blank" href="https://www.runoob.com/">菜鸟教程</a><br>
		<a target="_blank" href="https://www.imooc.com/">慕课网</a><br>		
		<a target="_blank" href="https://www.icourse163.org/">中国大学MOOC</a><br>
		<a target="_blank" href="https://www.liaoxuefeng.com/">廖雪峰官网</a><br>
		<a target="_blank" href="http://www.51cto.com/">51CTO</a><br>
		<a target="_blank" href="https://devdocs.io/">前端API</a><br>
		<a target="_blank" href="https://github.com/">GitHub</a>
		</div>
	</div>

	<!-- 考证 -->
	
	<p id="jx">---加薪必备---</p>
	<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3>
	<div id="zs">
		<div class="yt"><img src="picture/6.jpg" alt=""></div>
		<div class="left">
		<h1>IT行业十大证书</h1>
		<ul>
			<li>CRISC:风险与信息系统控制认证</li>
			<li>CISM：注册信息安全管理师</li>
			<li>CISSP：注册信息系统安全专家</li>
			<li>PMP：项目管理专业人士资格认证</li>
			<li>CISA：注册信息系统审计师</li>
			<li>CCDA：思科认证设计工程师</li>
			<li>CCNP：思科认证网络高级工程师</li>
			<li>MCSE：微软系统工程师认证</li>
			<li>ITIL：v3 认证</li>
			<li>CEH：道德骇客(正派黑客)认证</li>
		</ul>
		</div>
	</div>

	<!-- 70周年 -->
	<div id="year">
	<p id="sd">---跟随时代---</p>
	<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3>
			<img src="picture/70.jpg" alt="" width="90%" class="dj fade">
		<!-- <div class="nr">
			<p>新中国成立70周年，也是我国全面接入互联网25年。25年来，中国互联网迅猛发展，全方位渗透中国的各个领域，极大地改变了中国经济发展的格局，为中国社会建设注入了新活力，提升了国家综合实力。</p>
		</div> -->
	</div>


	<!-- 侧边栏 -->
	<div id="aside">
		<div id="totop"><span><img id="fh" src="picture/db.jpg" alt=""></span>
		</div>

		<a href="#" id="ml">
			<img src="picture/fk.png" alt="" id="fk"><img src="picture/yj.jpg" alt="" id="yj"></a>
	</div>

	
	<!-- 底部制作 -->
	<div id="footer">
		<p>纵使遍体鳞伤，吾亦无悔，未经奋力拼搏，哪知结局！</p><br>
		<h6>by-王佐</h6>
	</div>


	<!-- JS的引入 -->
	<script type="text/javascript" src="js/swiper.js" ></script>
	<script type="text/javascript" src="js/index.js"></script>
</body>
</html>